<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <title>Title</title>

    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#ch_checkall,#top_ch_checkall").click(function () {
                if (this.checked) {
                    $("input[name=ck_id]").attr("checked", "checked");
                } else {
                    $("input[name=ck_id]").removeAttr("checked");
                }
            });

            $("table tr").mouseover(function () {
                $(this).css("background", "#D3EAEF");
                $(this).siblings().css("background", "white");
            });
        });

        function subForm(pageIndex) {
            document.form1.action = "RoleServlet.do?flag=manage&pageIndex=" + pageIndex;
            document.form1.submit();
        }
        function subForm1() {
            var pageIndex = document.getElementById("pageIndex").value;
            subForm(pageIndex);
        }
    </script>

    <link rel="stylesheet" type="text/css" href="css/maintable.css"/>
</head>
<body>
<div class="div_title">
    <div class="div_titlename"><img src="images/san_jiao.gif"><span>角色信息表</span></div>
    <div class="div_titleoper"></div>
</div>
<form name="form1" action="RoleServlet.do" method="post">
    <table class="main_table">
        <tr>
            <th>id</th>
            <th>角色名称</th>
            <th>角色描述</th>
            <th>操作</th>
        </tr>

        <c:forEach var="role" items="${roleList}">
            <tr>
                <td>${role.id}</td>
                <td>${role.roleName}</td>
                <td>${role.des}</td>
                <td><a href="RoleServlet.do?flag=searchForUpdate&id=${role.id}">修改</a>
                    <a href="RoleServlet.do?flag=delete&id=${role.id }" onclick="return confirm('确定要删除吗')">删除</a>
                    <a href="RoleServlet.do?flag=roleMenu&roleId=${role.id}">角色权限分配</a>
                </td>
            </tr>

        </c:forEach>
    </table>
</form>
<div class="div_page">
    <div class="div_page_left"> 共有 <label>${pageInfo.rowCount }</label> 条记录，当前第 <label>${pageInfo.pageIndex }</label>
        页，共 <label>${pageInfo.pageCount }</label> 页
    </div>

    <div class="div_page_right">
        <c:choose>

            <c:when test="${pageInfo.hasUp }">
                <button onclick="subForm(1)">首页</button>
                <button onclick="subForm(${pageInfo.pageIndex-1})">上一页</button>
            </c:when>

            <c:otherwise>
                首页
                上一页
            </c:otherwise>

        </c:choose>

        <c:choose>

            <c:when test="${pageInfo.hasNext}">
                <button onclick="subForm(${pageInfo.pageIndex+1})">下一页</button>
                <button onclick="subForm(${pageInfo.pageCount})">尾页</button>
            </c:when>

            <c:otherwise>
                下一页
                尾页
            </c:otherwise>
        </c:choose>

        <button onclick="subForm1()">转到</button>
        <input type="text" name="pageIndex" id="pageIndex" value="${pageInfo.pageIndex }"/> 页
    </div>

</div>
</body>
</html>
